<template>
  <div class="tw-infoitem">
    <div class="tw-infoitem-avatarbox">
      <img class="tw-infoitem-avatar" src="@images/demo/4.jpg">
    </div>
    <div class="tw-infoitem-body">
      <div class="tw-infoitem-header">
        <div class="tw-infoitem-header-title">
          <span>欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师欧阳老师</span>
          <span class="tw-infoitem-prop">【某某学校】</span>
        </div>
        <div class="tw-infoitem-header-right">头部右侧内容</div>
      </div>
      <div class="tw-infoitem-content">
        <div>内容内容内容内容内容内容内容内容内容内容内容内容。</div>
        <div class="tw-images">
          <div class="tw-images-item">
            <img class="tw-images-imgself" src="@images/demo/1.jpg">
          </div>
          <div class="tw-images-item">
            <img class="tw-images-imgself" src="@images/demo/2.jpg">
          </div>
          <div class="tw-images-item">
            <img class="tw-images-imgself" src="@images/demo/3.jpg">
          </div>
          <div class="tw-images-item">
            <img class="tw-images-imgself" src="@images/demo/4.jpg">
          </div>
        </div>
      </div>
      <div class="tw-infoitem-footer">
        <div><span class="tw-infoitem-prop">2017-06-14 12:59</span></div>
        <div>脚注右侧内容</div>
      </div>
    </div>
  </div>
</template>
